Вход

Просмотр полной версии : Ротатор контента (слайдер) с разделением на страницы!!!


LLIypuk
24.07.2015, 00:38
Всем привет. Пытаюсь создать ротатор контента в котором div c меню (которое является элементом управления слайдером) и div c контентом слайдера не объединяются каким-то общим дивом. Практически все слайдеры, которые я нахожу в интернете имеют следующую html-структуру:
<div class="slider" id="main-slider">
<div class="slider-wrapper">
<div class="slide" id="slide-1"></div>
<div class="slide" id="slide-2"></div>
...
</div>
<div class="slider-nav"><!-- Pagination -->
<a href="#slide-1">1</a>
<a href="#slide-2">2</a>
...
</div>
</div>
То-есть как видно из примера выше навигация и контент объединены в один общий div c id="main-slider".

Вообщем главная цель - это возможность управления слайдером с помощью меню, которое не находится в общем блоке div. Возможно есть какие-нить jQuery-плагины, или готовый JS-код.
Заранее благодарю за ответы.

laimas
24.07.2015, 04:40
Да пожалуйста, никто же вам не запрещает обращаться вне "main-slider" к его элементам. Каких-то плагинов для решения именно этой проблемы не нужно. :)

jasper-blondin
24.07.2015, 10:17
Вы можете размещать блок с навигацией где угодно на странице. Главное -- сохраняйте в блоке навигации ссылку на слайдер, которым он управляет.
Например, так:

<div class="slider-nav" data-target="main-slider">